<template>
  <div>
      <div class="bgcolor1">
          <h2>我的生活压力最大</h2>
          <div class="b">
              <h2>我的生活压力最大</h2>
          </div>
      </div>
      <div class="bgcolor2">
          <h2>我的生活压力最大</h2>
      </div>

      <button>按钮</button>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
#bgcolor(){
	background:#ffffff;
	.a{
        color:red;
		&:hover{
            // background-color: rgba(246, 248, 252, 1);
            background: darkblue;
            cursor:pointer;
        }
		.b{
			background:#ff6600;
		}
	}
}
.bgcolor1{
   #bgcolor>.a;
}
.bgcolor2{
	#bgcolor>.a>.b;
}

</style>